<!DOCTYPE html>
<html lang="en">

<head>
    <title>赛事竞猜</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <script src="../../js/jquery-3.2.1.min.js"></script>

    <link rel="stylesheet" href="../../css/public.css">
    <style>
        .register_bg {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: url('../images/reg/bg.png') center no-repeat;
            background-size: 100%;
            z-index: 1;
        }

       


        .home_zhangdui_nav {
            padding-left: 30%;
            overflow: hidden;
            background: #021349 url('../../images/reg/back.png') 10px center no-repeat;
            background-size: .7rem;
        }
        .history{
            margin-top: 5px;
            float: right;
            height: 45px;
            width: 45px;
            margin-right: 5px;
            color: #FAE7A5;
            background: url(../../images/home/icon_record.png)center no-repeat;
            background-size: .6rem;
        }
        .service{
            margin-top: 5px;
            float: right;
            height: 45px;
            width: 45px;
            margin-right: 5px;
            color: #FAE7A5;
            /* background: url(../../images/home/icon_service.png)center no-repeat; */
            background-size: .65rem;
        }
        .guese-logo{
            margin-top: 60px;
            
        }
        .wzry:before{
            display: block;
            height: 80px;
            width: 80px;
            content: '';
            position: absolute;
            left: -50px;
            top:  -32%;
        }
        .yxlm:before{
            display: block;
            height: 80px;
            width: 80px;
            content: '';
            background: url(../../images/home/icon_Teemo.png)0 center no-repeat;
            background-size: 100%;
            position: absolute;
            left: -50px;
            top:  -32%;
        }
        .cyhx:before{
            display: block;
            height: 80px;
            width: 80px;
            content: '';
            background: url(../../images/home/icon_man.png)0 center no-repeat;
            background-size: 100%;
            position: absolute;
            left: -50px;
            top:  -32%;
        }
        .twly:before{
            display: block;
            height: 80px;
            width: 80px;
            content: '';
            background: url(../../images/home/twly.png) center no-repeat;
            background-size: 100%;
            position: absolute;
            left: -50px;
            top:  -55%;
        }
        .wzry,.yxlm,.cyhx,.twly{
            position: relative;
            width: 60%;
            height: 50px;
            margin-left: 25%;
            background: url(../../images/home/bg_game.png)center no-repeat;
            background-size:  100% 45px;
            margin-bottom: 6%;;
            text-align: center;
            line-height: 50px;
        }
        .wzry ,.yxlm ,.cyhx {
            color: #FFB400;
            font-size: .48rem;
         
        }
        .twly {
            color: #7E85C2;
            font-size: .48rem;
        }

        
    </style>
</head>

<body>

    <div class="register_bg">
        <div class="home_zhangdui_nav">
            <span class="goBack"></span>
            竞猜记录
            
            <a href="./jcRecord.html"><span class="history"></span></a>
            <a href=""><span class="service"></span></a>
            
        </div>
        <div class="guese-logo">  
            <img src="../../images/home/bg_hero.png" alt="">  </div>
        <div class="gameList">
        </div>

    </div>
    <script src="../../js/public.js"></script>
    <script>
         function clicks(id) {
                        window.location.href='./guess_wz.html?fdid='+id + ''
                    }
        $(function(){
            $.post(gameList, (res) => {
                let obj=res.obj
                           obj.forEach((item,index) => {
                    //alert(${item.fdId});
                               
                                   let room =
                        `<div class="wzry" onclick="clicks(\'${item.fdId}\')">${item.fdName}</div>`
                       
                        $('.gameList').append(room)

                           });
                        })
            
        });
       
    </script>
</body>

</html>